<template>
  <Tab :tabs="tabs" :current="current">
    <div slot="index">
      <el-row :gutter="20">
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="5">
          <el-card class="box-card">
            <div>对公帐户</div>
            <div>￥1，00000</div>
            <div>
              <el-button>转出</el-button>
              <el-button>转入</el-button>
              <el-button>交易记录</el-button>
            </div>
          </el-card>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="5">
          <el-card class="box-card">
            <div v-for="o in 4" :key="o" class="text item">
              {{'列表内容 ' + o }}
            </div>
          </el-card>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="5">
          <el-card class="box-card">
            <div v-for="o in 4" :key="o" class="text item">
              {{'列表内容 ' + o }}
            </div>
          </el-card>
        </el-col>
      </el-row>

    </div>
    <div slot="tab_2">
      <div>2222222222222222222222222</div>
      <el-button @click="handleSetLineChartData">切换2</el-button>
    </div>
  </Tab>
</template>

<script>
  import Tab from "@/components/Tab";
  export default {
    components: {
      Tab
    },
    data() {
      return {
        current:'index',
        tabs:[{index:'index',name:''},{index:'tab_2',name:'添加页面'}]
      }
    },
    created() {

    },
    methods: {
      handleSetLineChartData(str){
        this.current = str;
      }
    },

  }
</script>


<style scoped>
</style>
